<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul id="tools_ul" class="nav nav-tabs">
        <li class="active"><a href="javascript:void(0);" onclick="tools_tab(0)">Excel拆分</a></li>
        <li><a href="javascript:void(0);" onclick="tools_tab(1)">Txt拆分</a></li>
        <li><a href="javascript:void(0);" onclick="tools_tab(2)">ETL拆分</a></li>
        <li><a href="javascript:void(0);" onclick="tools_tab(3)">Word表格抽取</a></li>
    </ul>
    <div style="width: 100%;padding: 10px;">
        <div id="tools_ul_content" style="width: 100%;">


        </div>
    </div>
    <script>
        $(function () {
            tools_tab(0);

        });
        //导航
        function tools_tab(_index) {
            $("#tools_ul li").removeClass("active");
            if(_index==0){
                $("#tools_ul li:eq(0)").addClass("active");
                $("#tools_ul_content").load("./tools/index_tools_0.html");
            }else if(_index==1){
                $("#tools_ul li:eq(1)").addClass("active");
                $("#tools_ul_content").load("./tools/index_tools_1.html");
            }else  if(_index==2){
                $("#tools_ul li:eq(2)").addClass("active");
                $("#tools_ul_content").load("./tools/index_tools_2.html");
            }else if (_index==3){
                $("#tools_ul li:eq(3)").addClass("active");
                $("#tools_ul_content").load("./tools/index_tools_3.html");
            }
        }

    </script>
</body>
</html>